body{
    opacity: 1;
}
#wrap{
    width:360px;
    background-color:#282828;
    height:540px;
    margin:0 auto;
    position:relative;
    overflow-y: auto;
    overflow-x: hidden;
}

#mHead img,#topMenu img{
    width: 100%;
    height: 100%;
    border:none;
}
#topMenu img{
    width:auto;
}
#topMenu{
    margin-top: 0;
    padding: 0;
    position:relative;
    background-color: #535353;
    -webkit-box-shadow: 0 2px 2px 0 #000;   
    -moz-box-shadow: 0 2px 2px 0 #000;   
    box-shadow: 0 2px 2px 0 #000;
}
#topMenu div{
    float: right;
}
#topMenu #tip, #topMenu #back{
    float: left;
}
#hot,#new{
    padding:3%;
    background-size: 100% 100%;
}
#hot{
    background-image: url(../images/hotBg.png);
}

#allMonsters{
    float: left;
    width: 100%;
    padding-right: 1%;
    
}
.monsterBox{
    float: left;
    margin-left: 1.6%;
    margin-top: 1.5%;
    width:23%;
    height:50%;
    background-color: #535353;
}
.monster{
    margin:15% auto 9% auto;
    width: 62%;
    text-align: center;
}
.monster img{
    width:100%;
}
.addMonster{
    background-color: #535353;

}
.addMonster img{
    width:100%;
}
.love{
    width:55%;
    margin:0 auto;
 

}
.love img{
    width:30%;
}

 
